<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=0">
<head>
	<title>快快数据</title>
	<script src="js/vue.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="http://101.200.201.27/adm/rd/js/echarts.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<script src="js/jquery.datatables.min.js"></script>
	<script src="js/md5.js"></script>
	<script src="https://unpkg.com/vue-easytable/umd/js/index.js"></script>
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<script src="js/fn.js"></script>
	<script src="http://101.200.201.27/adm/rd/js/rd.js"></script>
	<script src="http://101.200.201.27/adm/rd/js/chart-options.js"></script>

	
	<link rel="stylesheet" type="text/css" href="css/flex.css">
	<link rel="stylesheet" type="text/css" href="css/normal.css">
	<link rel="stylesheet" href="https://unpkg.com/vue-easytable/umd/css/index.css"> 

</head>
<style>

	.container { position: absolute; width: 96%; margin-left: 2%; background-color: #fff; height: 600px;  }
	header { width: 100%; height: 90px; }
	header .logininfo { width: 60%; text-align: right; }
	.logininfo span { font-size: 16px; font-weight: 200px; color: darkorange;}
	.logininfo button { width: 80px; min-width: 60px; font-size: 14px; background: none; border: none; cursor: pointer;  }
	.logininfo button:hover { color: red; }
	.mainTitle { width: 100%; margin: 20px; font-size: 48px; color: darkorange; text-shadow: 1px 1px 3px #333; font-weight: bolder; }
	nav { width: 100%; height: 36px; line-height: 36px; background-color: #ccc; display: flex; justify-content: flex-start; align-items: center; }
	nav button { background: none; border: none; width: 100px; cursor: pointer; margin: 0 5px; }
	/*nav button:hover { color: red; }*/
	nav button.choosed { color: darkorange; font-weight: bolder;}
	main { width: 100%; margin-top: 30px;    }
	footer { width: 100%; height: 40px; }

	@media (min-width: 1366px){
		.container { position: absolute; width: 1366px; left: 50%; margin-left: -683px; }
	}	
</style>
<script type="text/javascript">
	// 在首页定义全局公共变量
	// var dataDomain = "http://101.200.201.27/adm/kkdata/kap/"; // 后端数据接口host
	var dataDomain = "http://localhost/kkdata/kap/"; // 后端数据接口host

	var userlogin = {user_type: 1};

	// 公用函数 

	// 跳转
	function navito(path, filename){
		var fname = path + "/" + filename + ".html"
		$("main").load(fname, function(){
			console.log(fname)
		})
	}

</script>
<body>
	<div class="container">
		<div id="index_vm">
			<header class="flex_rr">
				<div class="mainTitle">快快数据统计</div>
				<div class="logininfo" v-if="haslogin">
					<span class="username">登录人</span>
					<button class="changepassword">修改密码</button>
					<button class="logout">退出登录</button>
					<button class="operation_users hidden" v-if="isAdmin">用户管理</button>
				</div>
			</header>
			<nav v-if="seeMenu">
				
			</nav>
		</div>
		<main></main>
		<footer></footer>
	</div>
</body>
</html>

<script>

	var index_vm = new Vue({
		el: '#index_vm',
		data: {
			isAdmin: false,
			seeMenu: true,
			haslogin: false
		}
	})

	navito("pages", "iv");
</script>

